<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>添加用户</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/form.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/jquery-ui.css" />
		<link rel="stylesheet" type="text/css" href="../../js/layui-add-tree/css/layui-add-tree.css"/>
	</head>
	<body>
		<!-- 蓝色背景区域 -->
		<div class="wrap">
			<!-- 白色可用区域 -->
			<div class="canuse">
				<!------ 位置 ------>
	            <p class="contentText local">
				<span>位置：系统管理 > 用户管理 > 添加用户信息</span>
			    </p>
	            
			    	<div class="article_list" style="width: 98.5%; margin: 0px auto;">
			            <!------- 内容 ------->
			            <div class="content content1">
			                <!-- 用户列表内容区 -->
			                <div class="con con_01">
			                    <!-- 表单信息填写区 -->
			                    <h4 class="sel_title"><img src="../../img/list/brand1.png" /><span>填写用户信息</span><span class="necessary">（带*号为必填项）</span></h4>
			                    <div class="write_area">
			                        <form id="addFrom" action="" method="post">
			                            <table class="contentText" border="1" cellspacing="0" cellpadding="0" width="99%">
			                                <tbody>
			                                    <tr>
			                                    	 <th>用户工号：</th>
			                                        <td>
			                                        	<input id="" name="" disabled="disabled" type="text" value=""> <span class="redColor">*</span>
			                                        </td>
			                                        <th>用户姓名：</th>
			                                        <td>
			                                        	<input id="" name="" type="text" value=""> <span class="redColor">*</span>
			                                        </td>
			                                        <th>所属机构：</th>
			                                        <td>
			                                        	<label id = "fenchang"></label>
			                                        	<button type="button" class="layui-btn layui-btn-xs layui-btn-normal" disabled="disabled" >七分厂</button>
														
														<span class="redColor">*</span>
			                                        </td>
			                                        
			                                        <td rowspan="3">
			                                        	<b>上传头像：</b> <span class="redColor">*</span>
			                                        	<div class="uploadImg clear">
				                                        	<img src="../../img/list/uploadimg.png"/>
				                                        	<input type="file" name="" id="" value="" />
			                                        	</div>
			                                        </td>
			                                    </tr>
			                                    <tr>
			                                    	 <th>登录密码：</th>
			                                        <td>
			                                        	<input type="password" name="" id="" value="" /> <span class="redColor">*</span>
			                                        </td>			                                        
			                                        <th>联系电话：</th>
			                                        <td>
			                                        	<input id="" name="" class="overLine" type="tel" value="">
			                                        </td>
			                                        <th>公司邮箱：</th>
			                                        <td>
			                                        	<input type="email" name="" id="" value="" />
			                                        </td>
			                                    </tr>
			                                    <tr>
			                                    	
			                                        <th>性别：</th>
			                                        <td>
			                                        	<select name="">
			                                        		<option value="">男</option>
			                                        		<option value="">女</option>
			                                        	</select>
			                                        </td>
			                                        <th>IC卡号：</th>
			                                        <td>
			                                        	<input type="email" disabled="disabled" name="" id="" value='请"刷卡"自动获取IC卡ID' />
			                                        </td>
			                                        <th>密级：</th>
			                                    	<td>
			                                    		<select><option>秘密</option><option>机密</option><option>绝密</option></select>
			                                    	</td>
			                                    </tr>
			                                    <tr>
			                                    	
			                                    	<th>政治面貌：</th>
			                                    	<td colspan="5" class="input_politics">
			                                    		<input type="radio" name="politics" id="" value="团员" /><label><img src="../../img/list/politics1.png"/></label>
			                                    		<input type="radio" name="politics" id="" value="党员" /><label><img src="../../img/list/politics2.png"/></label>
			                                    		<input type="radio" name="politics" id="" value="群众" /><label><img src="../../img/list/politics3.png"/></label> <span class="redColor">*</span>
			                                    	</td>
			                                    </tr>
			                                    <tr>
			                                        <th>用户角色：</th>
			                                        <td colspan="6" class="clear" style="position : relative;height: 50px;">
			                                        	<div id="div1">
															<span><input id="groupNames1" name="groupNames" class="input_checkBox" type="checkbox" value="车间主管/副主管" ><label for="groupNames1">车间主管</label></span>
															<span><input id="groupNames2" name="groupNames" class="input_checkBox" type="checkbox" value="工艺工程师"><label for="groupNames2">工艺工程师</label></span>
															<span><input id="groupNames3" name="groupNames" class="input_checkBox" type="checkbox" value="车间库管员"><label for="groupNames3">车间库管员</label></span>
															<span><input id="groupNames4" name="groupNames" class="input_checkBox" type="checkbox" value="车间调度员"><label for="groupNames4">生产人员</label></span>
															<span><input id="groupNames5" name="groupNames" class="input_checkBox" type="checkbox" value="物料配送员"><label for="groupNames5">工序检验员</label></span>
															<span><input id="groupNames6" name="groupNames" class="input_checkBox" type="checkbox" value="系统管理员"><label for="groupNames6">计划/调度</label></span>
															<span><input id="groupNames7" name="groupNames" class="input_checkBox" type="checkbox" value="安全保密员"><label for="groupNames7">厂长</label></span>
															<span><input id="groupNames8" name="groupNames" class="input_checkBox" type="checkbox" value="安全审计员"><label for="groupNames8">系统管理员</label></span>
															<span class="redColor">*</span>
			                                        	</div> 
			                                        </td>
			                                    </tr>
			                                </tbody>
			                            </table>
			                        </form>
			                        <!-- 保存、重置按钮区 -->
			                        <div align="center" class="btn_submit">
			                            <a href="userList.html" class="bgd_blue_two img_hand contentText">确定</a>
			                            <a href="userList.html" class="bgd_white_two img_hand"> 返回 </a>
			                        </div>
			                    </div>
			                </div>
			            </div>
			        </div>
				</div>
	            
			</div>
			<div class="content_wrap" hidden="hidden">
				<div id="test1" class="demo-tree demo-tree-box"></div>
			</div>
			<!-- 版尾  -->
			<div class="ending">
				Copyright 2019-2020 磐基技术有限公司
			</div>
		</div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/3rd/jquery-1.9.1.min.js"></script>
    <script src="../../js/3rd/jquery.validate.min.js" type="text/javascript"></script>
    <script src="../../js/3rd/jquery-ui.js" type="text/javascript"></script>
    <script src="../../js/layui-add-tree/layui-add-tree.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var h = document.documentElement.clientHeight;
		$(".wrap").css("height", h);
		
		// 获取每行 td 的兄弟节点
		$(".info_area td").hover(   
			function () {      
				$(this).parent().children().addClass("td_hover");   
			},    
			function () {      
				$(this).parent().children().removeClass("td_hover");   
			}
		);
		
			
		$(function(){
        $("#hiredate").datepicker({
        	dateFormat : 'yy-mm-dd',
            monthNamesShort:["January","February","March","April","May","June", "July","August","September","October","November","December"],
 		 	changeYear:true,
 		 	changeMonth:true,
 		 	showOn:"button",
 		 	buttonImage:"../../img/button/calendar.png",
 		 	buttonImageOnly:false
        });
     });
     
     
     function openTree(){
			var that = this; 
			  //多窗口模式，层叠置顶
			  layer.open({
				type: 1
				,area: ['400px', '300px']
				,shade: 0
				,content: $('.content_wrap')
				
			  });
			   
		}
		
		
		layui.use(['tree', 'util'], function(){
		  var tree = layui.tree
		  ,layer = layui.layer
		  ,util = layui.util
		  
		  //模拟数据1
		  ,data1 = [{
			title: '吉林江机特种工业有限公司'
			,id: 1
			,children: [{
			  title: '七分厂'
			  ,id: 1000
			  ,children: [{
				title: '电装车间'
				,id: 10001
			  }]
			},{
			  title: '二分厂'
			  ,id: 1001
			},{
			  title: '信息管理部'
			  ,id: 1002
			}]
		  }];
		  
		 
		  
		 
		  //常规用法
		  tree.render({
			elem: '#test1' //默认是点击节点可进行收缩
			,data: data1
			,onlyIconControl: true  //是否仅允许节点左侧图标控制展开收缩
			,click: function(obj){
				//alert(JSON.stringify(obj.data.title));
				$("#fenchang").html(JSON.stringify(obj.data.title));
				layer.closeAll();
			}
		  });
		  
		 
		});
	</script>
</html>
